<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>落地成盒</title>
		<style type="text/css">
			
		 .xiao{
		 	width:160px;
				height: 140px;
				border: 10px solid #dadfe8;
		 	padding: 10px;
		 	margin-top: 10px;
				margin-bottom: 10px;
		 	
		 }
		 .wenben{
		 	width:100px;
				height: 100px;
				float: left;
				font-size: 15px;
		 }
			
		.tupian{
			float: right;
			margin-top:25px;
			margin-right: 7px;
		}
		.biaoti{
			margin: 10px 10px;
		}
		#da{
			width:420px;
				height: 380px;
				border: 0px ;
		 	padding: 5px;
		 	margin: 120px 450px;
		}
			
		</style>
	</head>
	<body>
		<div id="da">
			<div class="xiao" style="float: left;">
			<h3 class="biaoti">采购</h3>
			<p class="wenben">有创意的想法和充满欲望的开创未来联合聘用人才</p>
			<p class="tupian"><img src="img/小草小草.png" class="tupian"/></p>
		</div>
		
		<div class="xiao" style="float: right;">
			<h3 class="biaoti">招聘信息</h3>
			<p class="wenben">基于多年的社区能力的经验，充分发挥招聘人才</p>
			<p class="tupian"><img src="img/骰子.png" class="tupian"/></p>
		</div>
		
			<div class="xiao" style="float: left;">
				<h3 class="biaoti">文员</h3>
				<p class="wenben">工作人员都是在一起，可以是一个招聘称职的员工</p>
				<p class="tupian"><img src="img/计算机.png" class="tupian"/></p>
			</div>
			
			<div class="xiao" style="float: right;">
				<h3 class="biaoti">呼叫中心坐席</h3>
				<p class="wenben">客户需要伸出援助之手，每当你使用一个代理来</p>
				<p class="tupian"><img src="img/音响.png" class="tupian"/></p>
			</div>
			
		
		</div>
		
		
	</body>
</html>
